
const app = getApp();
Page({
  data: {
    status:0,  //0未授权，1已授权
    dataValues: ['0', '0', '0', '0'],
    dataAll:163,
    canvasWidth: 140, // 画布宽度
    progressWidths: [], // 进度条宽度数组
    showShare:false,
    showCard:false,
    sessionid:'',
    navTop: app.globalData.navTop+6
  }, 
  attached: function () {
    // 定义导航栏的高度   方便对齐
    this.setData({
      navHeight: app.globalData.navHeight,
      navTop: app.globalData.navTop
    })
    console.log(navTop)
  },
  // 学习分类数值进度
  drawProgress: function() {
    const dataValues = this.data.dataValues;
    const canvasWidth = this.data.canvasWidth;
    const dataAll = this.data.dataAll;
    const progressWidths = dataValues.map(value => {
        if (value === '0') {
            return 10; // 值为0时，进度条显示一小段宽度
        }
        return canvasWidth * value / dataAll;
    });
    this.setData({
        progressWidths: progressWidths
    });
  },
  //分享显隐
  toShare: function() {
    this.setData({
        showShare: !this.data.showShare
    });
  },
  // 卡牌显隐
  toCard: function() {
    this.setData({
        showCard: !this.data.showCard
    });
  },
  hideCard: function() {
    this.setData({
        showCard: false
    });
  }, 
  saveCard: function() {
    this.setData({
        showCard: false
    });
    wx.showToast({
        title: '卡牌已保存',
        icon: 'success',
        duration: 2000
    });
  },
  // 阻止底层内容滚动
  preventTouchMove: function(e) {
    e.preventDefault();
  },
  // 返回上一级
  back: function() {
    wx.navigateBack({
        delta: 1 // 返回上一级页面
    });
  },
  // 获取用户授权
  getUserProfile (e) {
    wx.removeStorage({
        key: 'loginSessionKey',
    })
    wx.getUserProfile({
        desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
        success: (res) => {
            wx.showLoading({
                title: '玩命加载中...',
            });
            app.checklogin(res.userInfo, '');
            wx.hideLoading();
            this.setData({
                userdata: res.userInfo,
                status:1,
                dataValues: ['100', '134', '53', '10'], //授权后进度显示
            })
            this.drawProgress(); 
        }, fail: (res) => {
            wx.showModal({
                title: '警告',
                content: '',
                showCancel: false,
                confirmText: '返回授权',
                success: function (res) {
                    if (res.confirm) {
                        console.log('返回授权');
                    }
                }
            })
        }
    })
 },
  onLoad: function (options) {
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.drawProgress();  // 学习分类数值进度
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow:function(){
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
})